<template>
	<view class="charger">
		<view class="boundary02" 
		style="margin-bottom: 45rpx;"></view>
		<view class="boundary02" 
		style="margin-bottom: 23rpx;"></view>
		<view class="chargerImagebox"></view>
		<view class="chargerNews" 
		style="height: 99rpx; 
		margin-right:58rpx;">
		<block v-for="(item,index) in newsList">
			<text>{{item.title}}</text>
			<text style="float: right; 
			color: #606266;
			">{{item.content}}</text>
			<view class="boundary01"></view>
		</block>
		<block>
			<text>联系人：</text>
			<text style="margin-left: 87rpx;">张小明</text>
			<view class="boundary01"></view>
		</block>
		<block>
			<text>联系方式：</text>
			<text style="margin-left:51rpx;">15856877826</text>
			<view class="boundary01"></view>
		</block>
		</view>
		<view style="margin-top: 550rpx;">
			<button class="change">更改信息</button>
		</view>
		
	</view>
		
</template>

 <script>
		 export default {
		 	data() {
		 		return {
		 			newsList:[
						{
							title:'充电桩型号：',
							content:'xxxxx牌充电桩'
						},
						{
							title:'充电桩功率：',
							content:'***KW'
						},
						{
							title:'充电桩地址：',
							content:'北京市朝阳区夕阳红街道'
						},
						{
							title:'详细地址：',
							content:'xxxxxxxx'
						}
					]
		 		};
		 	},
		 	methods: {
		 	
		 	}
		 };
		 </script>
<style lang="scss" scoped>
	.charger{
		.chargerImagebox{
			width: 690rpx;
			height: 267rpx;
			background-color: #e8e8e8;
			margin: 0 auto;
		}
		.chargerNews{
			text{
				font-size: 15px;
				margin-left: 32rpx;
				line-height: 99rpx; 
			}
		}
	}
	.boundary01{
		background-color: #f1f1f1;
		height: 3rpx;
		width:690rpx;
		margin: 0 auto;
	}
	.boundary02{
		width: 750rpx;
		height: 1rpx; 
		background-color: #f1f1f1;
		
	}
	.change{
	
		background-color: #2295ff;
		width: 688rpx; 
		border-radius: 999rpx;
		height: 92rpx;
		border: 1rpx solid #79befe;
		color: white;
	
	}
</style>
